<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head><title>管理仪表板 - 腐蚀控制</title></head>
<body>
    <!-- content-body -->
    <div class="main-inner">
        <div class="xyf-toggle-form-div">
            <span><i class="zy-tools-icon"></i>管理仪表板</span>查询条件<i class="xyf-toggle-form-icon"></i>
        </div>
        <div class="content-inner">
            <div class="zy-cathodic-tab-head">
                <ul>
                    <li data-tab="JQ_rate_div">阴极保护</li>
                    <li data-tab="JQ_acdc_div">交直流干扰</li>
                    <li data-tab="JQ_paint_div">涂层</li>
                </ul>
            </div>
            <div class="zy-cathodic-tab-body">
                <div id="JQ_rate_div" class="zy-cathodic-tab-div">
                    <div class="zy-pick-line">
                        <div class="zy-form-line">
                            <div class="zy-input-group w-30">
                                <div class="zy-input-meta"><i class="zy-requird-icon"></i>管道名称</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_pipeline" class="bk-select"></blockquote>
                                </div>
                            </div>
                            <div class="zy-sp"></div>
                            <div class="zy-input-group w-30">
                                <div class="zy-input-meta">管段名称</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_segment" class="bk-select"></blockquote>
                                </div>
                            </div>
                            <div class="zy-sp"></div>
                            <div class="zy-input-group w-15">
                                <div class="zy-input-meta">起点位置</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_begin" class="bk-select"></blockquote>
                                </div>
                            </div>
                            <div class="zy-sp"></div>
                            <div class="zy-input-group w-15">
                                <div class="zy-input-meta">终点位置</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_end" class="bk-select"></blockquote>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="zy-form-line">
                            <span class="l"><button id="JQ_search_rate" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button></span>
                            <span class="r"><button id="JQ_export_rate" type="button" class="zy-button-s zy-exports-s" data-empty="true"><i class="zy-exports-icon"></i>导出</button></span>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div id="JQ_out_box" class="zy-table">
                        <div id="JQ_left_box" class="l" style="width: 330px;">
                            <div class="zy-charts-box" style="height: 230px;">
                                <span class="zy-green-lv-icon"></span>
                                <div class="zy-charts-inner">
                                    <div class="zy-charts-head"><p class="f16 fwb">保护率</p></div>
                                    <div class="zy-charts-body" data-loss="${pageContext.request.contextPath}/static/img/chart_no_data.png">
                                        <div id="JQ_lv_lgreen">
                                            <div class="zy-lv l">
                                                <span id="JQ_lv_green_hun" class="zy-lspan"></span>
                                                <span id="JQ_lv_green_ten" class="zy-lspan"></span>
                                                <span id="JQ_lv_green_bit" class="zy-lspan"></span>
                                                <span class="zy-mspan green-dot"></span>
                                                <span id="JQ_lv_green_dec" class="zy-lspan"></span>
                                                <span class="zy-rspan green-unit"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <br>
                            <div class="zy-charts-box" style="height: 230px;">
                                <span class="zy-blue-lv-icon"></span>
                                <div class="zy-charts-inner">
                                    <div class="zy-charts-head"><p class="f16 fwb">运行率</p></div>
                                    <div class="zy-charts-body" data-loss="${pageContext.request.contextPath}/static/img/chart_no_data.png">
                                        <div id="JQ_lv_lblue">
                                            <div class="zy-lv l">
                                                <span id="JQ_lv_blue_hun" class="zy-lspan"></span>
                                                <span id="JQ_lv_blue_ten" class="zy-lspan"></span>
                                                <span id="JQ_lv_blue_bit" class="zy-lspan"></span>
                                                <span class="zy-mspan blue-dot"></span>
                                                <span id="JQ_lv_blue_dec" class="zy-lspan"></span>
                                                <span class="zy-rspan blue-unit"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="JQ_right_box" class="r">
                            <div class="zy-charts-box" style="height: 480px;">
                                <div class="zy-charts-inner">
                                    <div class="zy-charts-head">
                                        <p class="f16 fwb l">阴保电位折线图</p>
                                        <p class="r">
                                            <span><i class="zy-electric-icon zy-elec-green"></i>&nbsp;&nbsp;通电电位</span>&nbsp;&nbsp;&nbsp;
                                            <span><i class="zy-electric-icon zy-elec-orange"></i>&nbsp;&nbsp;断电/极化电位</span>&nbsp;&nbsp;&nbsp;
                                            <span><i class="zy-electric-icon zy-elec-blue"></i>&nbsp;&nbsp;自然电位</span>
                                        </p>
                                        <div class="clear"></div>
                                    </div>
                                    <div id="JQ_cathodic_electric" class="zy-charts-body" data-empty="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div id="JQ_acdc_div" class="zy-cathodic-tab-div hidden">
                    <div class="zy-pick-line">
                        <div class="zy-form-line">
                            <div class="zy-input-group w-30">
                                <div class="zy-input-meta">管道名称</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_pipeline_disturb" class="bk-select"><abbr></abbr></blockquote>
                                </div>
                            </div>
                            <div class="zy-sp"></div>
                            <div class="zy-input-group w-30">
                                <div class="zy-input-meta">管段名称</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_segment_disturb" class="bk-select"></blockquote>
                                </div>
                            </div>
                            <div class="zy-sp"></div>
                            <div class="zy-input-group w-15">
                                <div class="zy-input-meta">起点位置</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_begin_disturb" class="bk-select"></blockquote>
                                </div>
                            </div>
                            <div class="zy-sp"></div>
                            <div class="zy-input-group w-15">
                                <div class="zy-input-meta">终点位置</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_end_disturb" class="bk-select"></blockquote>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="zy-form-line">
                            <div class="zy-input-group w-30">
                                <div class="zy-input-meta">干扰程度</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_pipeline_degree" class="bk-select"><abbr></abbr></blockquote>
                                </div>
                            </div>
                            <div class="zy-sp"></div>
                            <div class="zy-input-group w-30">
                                <div class="zy-input-meta">&nbsp;</div>
                                <div class="zy-button-inner">
                                    <button id="JQ_search_disturb" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>&nbsp;&nbsp;&nbsp;&nbsp;
                                    <button id="JQ_export_disturb" class="zy-button zy-export" type="button"><i class="zy-export-icon"></i>导出</button>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="zy-table-bar">
                        <div class="r">
                            <div class="meta-bar">
                                <label id="JQ_toggle_tab" class="zy-toggle-label">
                                    <span id="JQ_toggle_list_span" class="active">列表</span>
                                    <span id="JQ_toggle_map_span">GIS地图</span>
                                </label>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div id="JQ_toggle_list_div">
                        <div class="zy-table">
                            <table id="JQ_disturb_table" class="zy-datatable" cellpadding="0" cellspacing="0">
                                <thead>
                                <tr>
                                    <th width="20%" title="管道名称">管道名称</th>
                                    <th width="15%" title="起点位置">起点位置</th>
                                    <th width="15%" title="终点位置">终点位置</th>
                                    <th width="12%" title="监测点编号">监测点编号</th>
                                    <th width="15%" title="绝对距离(m)">绝对距离(m)</th>
                                    <th width="13%" title="管道名称">干扰源类型</th>
                                    <th width="10%" title="干扰程度">干扰程度</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div id="JQ_toggle_map_div" class="zy-map">
                        <iframe id="JQ_dyMap" name="dyMap" frameborder="0" scrolling="0" width="100%" height="100%" data-src="${gisResourcePath}/baseMapDashBoardTheme.jsp"></iframe>
                    </div>
                </div>
                <div id="JQ_paint_div" class="zy-cathodic-tab-div hidden">
                    <div class="zy-pick-line">
                        <div class="zy-form-line">
                            <div class="zy-input-group w-30">
                                <div class="zy-input-meta"><i class="zy-requird-icon"></i>管道名称</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_pipeline_paint" class="bk-select"></blockquote>
                                </div>
                            </div>
                            <div class="zy-sp"></div>
                            <div class="zy-input-group w-30">
                                <div class="zy-input-meta">管段名称</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_segment_paint" class="bk-select"></blockquote>
                                </div>
                            </div>
                            <div class="zy-sp"></div>
                            <div class="zy-input-group w-15">
                                <div class="zy-input-meta">起点位置</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_begin_paint" class="bk-select"></blockquote>
                                </div>
                            </div>
                            <div class="zy-sp"></div>
                            <div class="zy-input-group w-15">
                                <div class="zy-input-meta">终点位置</div>
                                <div class="zy-select-inner">
                                    <blockquote id="JQ_end_paint" class="bk-select"></blockquote>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="zy-form-line">
                            <span class="l"><button id="JQ_search_paint" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button></span>
                            <span class="r"><button id="JQ_export_paint" type="button" class="zy-button-s zy-exports-s" data-empty="true"><i class="zy-exports-icon"></i>导出</button></span>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div id="JQ_paint_area">
                        <div class="zy-pdf-area">
                            <div class="zy-table">
                                <div class="l" style="width: 49%">
                                    <div class="zy-charts-box">
                                        <div class="zy-charts-inner">
                                            <div class="zy-charts-head">
                                                <p class="f16 fwb l">漏损点分布：(ACVG法)</p>
                                                <p class="r">
                                                    <span><i class="zy-plot-icon zy-plot-pink"></i>&nbsp;&nbsp;漏损点</span>
                                                </p>
                                                <div class="clear"></div>
                                            </div>
                                            <div id="JQ_acvg_charts" class="zy-charts-body" data-empty="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="r" style="width: 49%">
                                    <div class="zy-charts-box">
                                        <div class="zy-charts-inner">
                                            <div class="zy-charts-head">
                                                <p class="f16 fwb l">漏损点分布：(DCVG法)</p>
                                                <p class="r">
                                                    <span><i class="zy-plot-icon zy-plot-pink"></i>&nbsp;&nbsp;漏损点</span>
                                                </p>
                                                <div class="clear"></div>
                                            </div>
                                            <div id="JQ_dcvg_charts" class="zy-charts-body" data-empty="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="zy-pdf-area">
                            <div class="zy-table">
                                <div class="l" style="width: 49%">
                                    <div class="zy-charts-box">
                                        <div class="zy-charts-inner">
                                            <div class="zy-charts-head">
                                                <p class="f16 fwb l">涂层等级分布</p>
                                                <p class="r">
                                                    <span><i class="zy-electric-icon zy-elec-blue"></i>&nbsp;&nbsp;涂层等级</span>
                                                </p>
                                                <div class="clear"></div>
                                            </div>
                                            <div id="JQ_paint_grade" class="zy-charts-body" data-empty="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- pdf div canvas -->
    <div id="JQ_export_pdf_div"></div>
    <!-- plugin -->
    <script src="${pageContext.request.contextPath}/static/js/plugin/d3/d3.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/plugin/html2canvas/html2canvas.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/plugin/canvg/canvg.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/plugin/myplugin/mypdf.plugin.js"></script>
    <!-- ui -->
    <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
    <!-- base -->
    <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
    <!-- api -->
    <script src="${pageContext.request.contextPath}/static/js/controller/api/corrctrl.api.js"></script>
    <!-- myd3 -->
    <script src="${pageContext.request.contextPath}/static/js/plugin/myplugin/myd3.plugin.js"></script>
    <!-- controller -->
    <script src="${pageContext.request.contextPath}/static/js/controller/corrctrl/dashboard/cathodicProtect.controller.js"></script>
</body>
</html>